
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<script src="../../scripts/jquery-treeview/lib/jquery-1.11.1.js"></script>	
</head>
<body style="padding:0px; margin:0px; background-color:#F6F6F6">

		<div style="height:30px;">
			<div style="padding:3px;position:fixed;background-color:#DDE0E3; width:100%;">
				<div style="float:right; margin-right:5px; font-size:12px; font-family:Arial">
					<a href="sidebar.html">Back to Model</a>
				</div>
			</div>
		</div>
<div style="font-family:Arial; font-size:12px;padding-left:5px;">
  	<input id="input1" type="text" value=""/> 
  	<p id="p1"></p>
    <p id="p2"></p>	
	<script type="text/javascript">
		
		var tabCount = 1;
		var conceptsList = new Array(tabCount);
		var currentSize = 0;
		var addedConceptCount = 0;
		for(x = 0; x < tabCount; x++) {
			if ((21 - addedConceptCount) > 255){
				currentSize = 255;
			}else{
				currentSize = 21 - addedConceptCount;
			}
			var jConcepts = new Array(currentSize);
			for(i = 0; i < currentSize;i++) {
				jConcepts[i] = new Array();
			}
			conceptsList[x] = jConcepts;
			addedConceptCount = addedConceptCount + 255;
		}
conceptsList[0][0][0] = "AbstractPhysicalComponent";
		conceptsList[0][0][1] = "1_AbstractPhysicalComponent";
		conceptsList[0][1][0] = "AbstractPhysicalInstance";
		conceptsList[0][1][1] = "2_AbstractPhysicalInstance";
		conceptsList[0][2][0] = "ComponentInstance";
		conceptsList[0][2][1] = "3_ComponentInstance";
		conceptsList[0][3][0] = "ConnectionInstance";
		conceptsList[0][3][1] = "4_ConnectionInstance";
		conceptsList[0][4][0] = "DeploymentAspect";
		conceptsList[0][4][1] = "5_DeploymentAspect";
		conceptsList[0][5][0] = "DeploymentConfiguration";
		conceptsList[0][5][1] = "6_DeploymentConfiguration";
		conceptsList[0][6][0] = "InstanceDeploymentLink";
		conceptsList[0][6][1] = "7_InstanceDeploymentLink";
		conceptsList[0][7][0] = "PhysicalActor";
		conceptsList[0][7][1] = "8_PhysicalActor";
		conceptsList[0][8][0] = "PhysicalActorPkg";
		conceptsList[0][8][1] = "9_PhysicalActorPkg";
		conceptsList[0][9][0] = "PhysicalArchitecture";
		conceptsList[0][9][1] = "10_PhysicalArchitecture";
		conceptsList[0][10][0] = "PhysicalComponent";
		conceptsList[0][10][1] = "11_PhysicalComponent";
		conceptsList[0][11][0] = "PhysicalComponentKind";
		conceptsList[0][11][1] = "12_PhysicalComponentKind";
		conceptsList[0][12][0] = "PhysicalComponentNature";
		conceptsList[0][12][1] = "13_PhysicalComponentNature";
		conceptsList[0][13][0] = "PhysicalComponentPkg";
		conceptsList[0][13][1] = "14_PhysicalComponentPkg";
		conceptsList[0][14][0] = "PhysicalContext";
		conceptsList[0][14][1] = "15_PhysicalContext";
		conceptsList[0][15][0] = "PhysicalFunction";
		conceptsList[0][15][1] = "16_PhysicalFunction";
		conceptsList[0][16][0] = "PhysicalFunctionPkg";
		conceptsList[0][16][1] = "17_PhysicalFunctionPkg";
		conceptsList[0][17][0] = "PhysicalNode";
		conceptsList[0][17][1] = "18_PhysicalNode";
		conceptsList[0][18][0] = "PortInstance";
		conceptsList[0][18][1] = "19_PortInstance";
		conceptsList[0][19][0] = "deployment";
		conceptsList[0][19][1] = "20_deployment";
		conceptsList[0][20][0] = "pa";
		conceptsList[0][20][1] = "21_pa";
					
	    $("#input1").keyup(function () {
	      var value = $(this).val();
	      // $("#p1").text(value);
	      var element = document.getElementById('possible_keywords');
	      var t = "";
	      for (x=0; x < tabCount; x++){
		  	var concepts = conceptsList[x];
	      	for(i=0;i<concepts.length;i++) {
	      		var index = concepts[i][0].toLowerCase().indexOf(value.toLowerCase());
	      		if(index != -1) {
		      		var value2 = concepts[i][0];
	      			var value3 = concepts[i][1];
	      			t = t.concat("<a href='concepts/" + value3 + ".html' target='content'>" + value2 + "</a><br/>");	      		
	      		}
	      	}
	      }
	      
	      $("#p2").html(t);
	      
	      element.value = value;
	    }).keyup();
	    
	</script>
	</div>
</body>
</html>